<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="" content=""/>
		<%@include file="/WEB-INF/base2.jspf"%>
		<link rel="stylesheet" type="text/css" href="/icofont/iconfont.css">
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_577691_7wy37soka4kuik9.css">
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_577691_crwnjaug6bwt57b9.css">
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_618617_vkhq7ruzoi0sh5mi.css">
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_620062_v2tw0aumk6ueg66r.css">
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_668936_16k6ml2pzufy9zfr.css">
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_684984_s1rwld9n9e019k9.css">
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_689774_1c0brtga5fzs38fr.css">
		<title></title>
		<style type="text/css">
			.table_wrapper{
				width: 100%;
				display: flex;
				flex-direction: row;
				justify-content: center;
			}
			.tables{
				width: 100%;
				font-size: 0.32rem;
			}
			.tabcheck ul{
				width: 100%;
				display: flex;
				flex-direction: row;
			}
			.table {
			}
			.tabcheck ul li{
				flex: 1;
				height: 1.84rem;
				background: #FFF;
				border: 1px solid #efefef;
				display: flex;
				flex-direction: column;
				justify-content: space-around;
				align-items: center;
				color: #636363;
				font-size: 0.28rem;
				box-sizing: border-box;
				padding: 0.2rem 0px;
				position: relative;
				cursor: pointer;
			}
			
			.span-c-unreadNotice {
				display: inline-flex;
				position: absolute;
				top:5px;
				right:5px;
				
				color:white;
				font-size:2.2vh;
				justify-content:center;
				align-items:center;
				border-radius: 6px;
				padding:0.5vh;
				min-width:2em;
			}
			.table {
				margin-bottom:0;
			}
			
			
		</style>
		
	</head>
	<body>
	<div id="loading" class="kd-loading">
	<div class="kd-spinner">
		<span class="bounce b1"></span>
		<span class="bounce b2"></span>
		<span class="bounce b3"></span>
	</div>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>请稍等，努力加载中...</p>
</div>
<div class='wapper' style="display:none">
		<div class="col-xs-12 col-sm-4 col-sm-offset-4 text-center bg-theme" style="height: 50px;line-height:50px;position: fixed;margin-top: 0px;left: 0px;z-index: 100;">
			<strong style="font-size: 20px;">我的地盘</strong>
		</div>
		<!-- <div class="col-xs-12 col-sm-4 col-sm-offset-4" style="padding: 0px;"> -->
			<div style="height: 50px;"></div>
			<div style="overflow: auto;padding:0;" class="col-xs-12 col-sm-4 col-sm-offset-4">
			<table class="tables table table-bordered " style="margin-bottom:30px;-webkit-overflow-scrolling : touch;">
			  <tbody>
			    <tr>
			      <td>用户名</td>
			      <td>${sessionScope.user.name }</td>
			      <td>余额</td>
			      <td id="td-i-yue"></td>
			    </tr>
			  </tbody>
			</table>
<!-- 		</div> -->
			<div class="tabcheck">
				<ul>				
					<li id="/u/daili">
						<div class="" style="width:0.8rem;height: 0.8rem;color: #29a1f7;">
							<i class="icon iconfont icon-quanquanb" style="font-size: 0.84rem!important"></i>
						</div>
						<span id="">
							代理中心
						</span>
					</li>
					<li id="/gc">
						<div class="" style="width:0.8rem;height: 0.8rem;">
							<i class="icon iconfont icon-youxi" style="font-size: 0.84rem!important ;color:#2a8ed4;"></i>
						</div>
						<span id="">
							选择游戏
						</span>
					</li>
					<li id="/u/luckys">
						<div class="" style="width:0.8rem;height: 0.8rem;">
							<i class="icon iconfont icon-zhuanpanjieguo" style="font-size: 0.84rem!important;color:#f05f3d;"></i>
						</div>
						<span id="">
							幸运转盘
						</span>
					</li>
				</ul>
				<ul>
					<li id="/pay/payAndGetCash">
						<div class="" style="width:0.8rem;height: 0.8rem;">
							<i class="icon iconfont icon-miaojierecharge" style="font-size: 0.84rem!important;color:#f05f3d;"></i>
						</div>
						<span id="">
							充值提现
						</span>
					</li>
					<li id="/order/myOrderPage">
						<div class="" style="width:0.8rem;height: 0.8rem;">
							<i class="icon iconfont icon-feiyongjilu" style="font-size: 0.84rem!important ;color:#1ec026;"></i>
						</div>
						<span id="">
							下注记录
						</span>
					</li>
					<li id="/u/details">
						<div class="" style="width:0.8rem;height: 0.8rem;">
							<i class="icon iconfont icon-meiyuan9" style="font-size: 0.84rem!important ;color:#d4a106;"></i>
						</div>
						<span id="">
							账户流水
						</span>
					</li>
				</ul>
				<ul>
					<li id="/u/bank">
						<div class="" style="width:0.8rem;height: 0.8rem;">
							<i class="icon iconfont icon-yhk" style="font-size: 0.84rem!important ;color:#0bc0a4;"></i>
						</div>
						<span id="">
							银行卡信息
						</span>
					</li>
					<li id="/fanshuijsp">
						<div class="" style="width:0.8rem;height: 0.8rem;">
							<i class="icon iconfont icon-money" style="font-size: 0.84rem!important ;color:#d4a106;"></i>
						</div>
						<span id="">
							充值返水
						</span>	
					</li>
					<li id="/u/signIn">
						<div class="" style="width:0.8rem;height: 0.8rem;">
							<i class="icon iconfont icon-qiandao" style="font-size: 0.84rem!important ;color:#ff7955;"></i>
						</div>
						<span id="">
							每日签到
						</span>
					</li>		
<!-- 					<li id="lotteryRecord">
						<div class="" style="width:0.8rem;height: 0.8rem;">
							<i class="icon iconfont icon-money1" style="font-size: 0.84rem!important ;color:#d4a106;"></i>
						</div>
						<span id="">
							开奖记录
						</span>						
					</li>		 -->	
					<!-- <li style="visibility: hidden;"></li> -->
				</ul>
				<ul>
					<li id="/u/systemNotice">
						<span class="span-c-unreadNotice"></span>
						<div class="" style="width:0.8rem;height: 0.8rem;">	
							<i class="icon iconfont icon-speakernotes" style="font-size: 0.84rem!important ;color:#f05f3d;"></i>
						</div>
						<span id="">
							系统通知
						</span>
					</li>		
					<li id="/u/editUserSelfData" >
						<div class="" style="width:0.8rem;height: 0.8rem;">
							<i class="icon iconfont icon-xiugai-copy" style="font-size: 0.78rem!important ;color:#ff7955;"></i>
						</div>
						<span id="">
							修改资料
						</span>
					</li>	
					<li id="/u/safe">
						<div class="" style="width:0.8rem;height: 0.8rem;">
							<i class="icon iconfont icon-lock" style="font-size: 0.84rem!important ;color:#ff7955;"></i>
						</div>
						<span id="">
							账号安全
						</span>
					</li>								
<!-- 					<li style="visibility: hidden;"></li> -->
				</ul>
				<ul>
					<li id="/damals">
						<div class="" style="width:0.8rem;height: 0.8rem;">
							<i class="icon iconfont icon-sign-in" style="font-size: 0.84rem!important ;color:#ff7955;"></i>
						</div>
						<span id="">
							打码统计
						</span>
					</li>	
					<li id="/download">
						<div class="" style="width:0.8rem;height: 0.8rem;">
							<i class="icon iconfont icon-xiazai" style="font-size: 0.84rem!important ;color:#f05f3d;"></i>
						</div>
						<span style="color:#636363;">
							APP下载
						</span>
					</li>								
					<li id="/exit">
						<div class="" style="width:0.8rem;height: 0.8rem;">
							<i class="icon iconfont icon-tuichu" style="font-size: 0.84rem!important ;color:#f05f3d;"></i>
						</div>
						<span id="">
							安全退出
						</span>
					</li>								
 					<!-- <li style="visibility: hidden;"></li> -->
				</ul>				
				<div style="height:50px;"></div>
			</div>
			</div>
		<div class="col-xs-12 col-sm-4 col-sm-offset-4 text-center foot">
			<iframe src="/f.jsp"></iframe>
		</div>
		<!-- 模态框（Modal） -->
		<div class="modal fade" id="downloadModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		    <div class="modal-dialog">
		        <div class="modal-content" style="">
		            <div class="modal-header">
		                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		                <h4 class="modal-title" id="myModalLabel">APP下载</h4>
		            </div>
		            <div class="modal-body">${url }</div>
		            <div class="modal-footer">
		                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
		            </div>
		        </div>
		    </div>
		</div>
		<div class="modal-div-fakeModal" id="div-i-notice">
		<div class="div-c-modalContent">
			<h3 class="fakemodal-title"></h3>
			<div class="fakemodal-content"></div>
			<div class="fakemodal-btnsGroup"><button class="btn btn-default btn-class-closeFakeModal">关闭</button></div>
		</div>
		</div>
		</div>
	</body>
	<script type="text/javascript">
	document.onreadystatechange = function(){ 
		　　 if(document.readyState == "complete"){ 　　//当页面加载状态为完全结束时进入 
		    　 //你要做的操作。
			 $(".wapper").show() 
			 $(".kd-loading").hide()
		   　 }
		}
		$.ajax({
			type:'post',
			url:"/u/systemNoticeWD.do",
			data:{
				"pageCount":1,
				"startIndex":0,
				"lineCount":999999,
			},
			success:function(data){
				
				$(".span-c-unreadNotice").css("background-color", "red")
				var weidu = $(".span-c-unreadNotice");
				var weidus = JSON.parse(data).iTotalRecords;
				if (weidus == "" || weidus == "0") {
					$(".span-c-unreadNotice").css("display", "none")
					return;
				}
				 weidu.text(weidus);
				 
				
				 
			}
		}) 
	
	  
/* 		ajax({
			url: "pay/tikuansx.do",
			type: "post",
			data: {},
			success: function(data) {
				if (data.indexOf("<!DOCTYPE html>") != -1) {
					window.location.reload()
				}				
				var newData = JSON.parse(data)
				$("#td-i-yue").text(newData.message.split(",")[1])
			},
			error: function(status) {
				showNormalNoticeModal("#div-i-noticeGenDan", "提示：", "网络异常")
			}
		}) */		
		//
		var isClick=true;
		$("li").on("touchstart",function(){
			isClick=false;
		})
		
		$("li").on("touchmove",function(){
			isClick=false;
		})
		
		$("li").on("touchend",function(){
			isClick=true;
			if(isClick==true){
				$("li").on("click", function(){
					 var id=$(this).attr("id");
						if(id!=""){
						<c:if test="${user.state==2 }">
							if(id.indexOf("gc")!=-1||id.indexOf("myOrders")!=-1||id.indexOf("systemNotice")!=-1||id.indexOf("exit")!=-1||id.indexOf("download")!=-1){
								location.href=id+".do"
							}else{
								//$("#downloadModal").modal("show")
								showNormalNoticeModal("#div-i-notice", " ", "请先注册为正式会员！")
							}
						</c:if>
						<c:if test="${user.state!=2 }">
							location.href=id+".do"
						</c:if>
					} 
					
				})
			}
		})
		
			$("li").on("click", function(){
					 var id=$(this).attr("id");
					if(id!=""){
						<c:if test="${user.state==2 }">
							if(id.indexOf("gc")!=-1||id.indexOf("myOrders")!=-1||id.indexOf("systemNotice")!=-1||id.indexOf("exit")!=-1||id.indexOf("download")!=-1){
								location.href=id+".do"
							}else{
								//$("#downloadModal").modal("show")
								showNormalNoticeModal("#div-i-notice", " ", "请先注册为正式会员！")
							}
						</c:if>
						<c:if test="${user.state!=2 }">
							location.href=id+".do"
						</c:if>
					} 
					
				})
				
/* 		$("li").click(function(){
			if($(this).attr("id")!=""){
				
				location.href=$(this).attr("id")+".do"
			}
		}); */
		function jianrong() {
			/* 动态设置 html font-size, 使用 rem 适配 */
			var htmlSelector = document.documentElement
			var width = htmlSelector.clientWidth
			if (width > 600) {
				width = 600
			}
			var fSize = width / 7.5
			htmlSelector.style.fontSize = String(fSize) + "px"
			htmlSelector.dataset.fontrem = fSize.toFixed(2)
		}
		jianrong();
		autoUpdateUserBalance("#td-i-yue", "￥")
	
	</script>
</html>
